<%@ page language="java" contentType="text/html; charset=UTF-8" trimDirectiveWhitespaces="true"
    pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/views/include.inc.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>飞行计划及风温上传管理系统</title>
<link href="${contextPath}/styles/dwz/themes/default/style.css" rel="stylesheet" type="text/css" />
<link href="${contextPath}/styles/dwz/themes/css/core.css" rel="stylesheet" type="text/css" />
<link href="${contextPath}/styles/dwz/themes/css/login.css" rel="stylesheet" type="text/css" />

<!-- form验证 -->
<link rel="stylesheet" href="${contextPath}/styles/validationEngine/css/validationEngine.jquery.css" type="text/css"/>
<script src="${contextPath}/styles/jquery/jquery-1.7.2.min.js" type="text/javascript"></script>
<script src="${contextPath}/styles/validationEngine/js/languages/jquery.validationEngine-zh_CN.js" type="text/javascript" charset="utf-8"></script>
<script src="${contextPath}/styles/validationEngine/js/jquery.validationEngine-2.6.4.js" type="text/javascript" charset="utf-8"></script>
<script>
    jQuery(document).ready(function(){
        jQuery("#formID").validationEngine();
    });
    jQuery(document).ready(function(){
    	$("#captcha").click(function(){
    		$(this).attr("src", "${contextPath}/Captcha.jpg?time=" + new Date());
    		return false;
    	});
    });

</script>
</head>

<body  style="width: 100%;height: 100%; background: #151515; margin: 0; padding: 0">
	<div id="login">
		<div id="login_content">

			<div style="width: 100%; height: 50px">
				<img style="float: left; left: 20px; position: relative; top: 18px; " src="${contextPath}/styles/dwz/themes/default/images/smalltitle.png">
				<%--<select style="float:right;height:50%;margin-top:18px;margin-right: 18px;backckground: #151515">--%>
					<%--<option>中文</option>--%>
					<%--<option>English</option>--%>
				<%--</select>--%>
			</div>

			<div style="width: 100%">
				<img style="float: left;height:895px" src="${contextPath}/styles/dwz/themes/default/images/earth.png" />
				<img style="float: right;" src="${contextPath}/styles/dwz/themes/default/images/plane.png" />
			</div>
			<div class="loginForm">

				<!--提交后，由shiro配置进行路由，进行身份验证-->
				<form method="post" action="${contextPath}/login" id="formID" >
					<c:if test="${msg!=null }">
						<p style="color: red; margin-left: 10px;">${msg }</p>
					</c:if>
					<div style="width:100%;height:257px">
						<%--<div style="height: 50px; width: 85%; margin-left: 20px;--%>
								<%--background: url(${contextPath}/styles/dwz/themes/default/images/login_bigtitle.png) no-repeat center;">--%>
						<%--</div>--%>
						<%--<br />--%>
						<div style="background: #292929; height: 50px; width: 85%; margin-left: 20px; ">
							<img src="${contextPath}/styles/dwz/themes/default/images/login_user.png" style="float: left; position: relative; left: 3px; top: 10px; ">
							<input class="validate[required] login_input" id="username" value="${username }" type="text" name="username">
						</div>
						<br />
						<div style="background: #292929; height: 50px; width: 85%; margin-left: 20px; ">
							<p>
								<img src="${contextPath}/styles/dwz/themes/default/images/login_pw.png" style="float: left; position: relative; left: 3px; top: 10px; ">
								<input class="validate[required] login_input" id="password" type="password" name="password" >
							</p>
						</div>
						<br />
						<br />
						<br />
						<div style="background:#1b344a; height: 50px; width: 85%; margin-left: 20px">
							<input type="submit" value="登录" style="float:left;positon:relative;
									background-image:url(${contextPath}/styles/dwz/themes/default/images/login_button.png); background-repeat: no-repeat;
									background-color:transparent;border:none;height: 100%; width: 100%;cursor:pointer;
									font: bold 25px 'lucida sans','trebuchet MS','Tahoma';color:#ffffff">
						</div>
					</div>
				</form>
			</div>

		</div>

	</div>
		<%--<div style="position:absolute; color:#fff; bottom:10px;left:42%;">--%>
			<%--Copyright &copy; 2012-2014,  All Rights Reserve.--%>
		<%--</div>--%>
</body>
</html>